<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head th:replace="_fragments :: head(~{ :: title})">
		<meta charset="utf-8" />
		<!-- 移动端的浏览 -->
		<meta name="viewport" content="device-width,initial-scale=1.0">
		<title>博客详情</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
		<!-- 排版 -->
		<link rel="stylesheet" href="css/typo.css"/>
		<!-- 动画 -->
		<link rel="stylesheet" href="css/animate.css"/>
		<!-- 目录生成 -->
		<link rel="stylesheet" href="lib/tocbot/tocbot.css"/>
		<link rel="stylesheet" href="lib/prism/prism.css"/>
		<link rel="stylesheet" href="css/me.css"/>
	</head>
	<body>
		<!-- 导航 -->
		<!-- 在移动端隐藏 -->
		<nav class="ui inverted segment m-padded-tb-mini" th:replace="_fragments :: menu(3)">
			<div id="ui container">
				<!-- stackable 表示可以堆叠的 -->
				<div class="ui inverted secondary stackable menu">
					<h2 class="ui teal header item">Blog</h2>
					<a href="#" class="m-item item m-mobile-hide"><i class="home icon"></i>  首页</a>
					<a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
					<a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i> 标签</a>
					<a href="#" class="m-item item m-mobile-hide"><i class="clone icon"></i> 归档</a>
					<a href="#" class="m-item item m-mobile-hide"><i class="info icon"></i> 关于我</a>
					<div class="right item m-mobile-hide">
						<div class="ui inverted transparent input">
							<input type="text"  placeholder="Search..."/>
							<i class="search link icon"></i>
						</div>
					</div>
				</div>
			</div>
			<a href="#" class="ui menu-toggle black button m-top-right m-mobile-show">
				<i class="sidebar icon"></i>
			</a>
			
			
		</nav>
		<!-- 中间部分 -->
		<div class="m-container-small m-padded-tb-big animated pulse">
			<div class="ui container">
				<div class="ui top attached segment">
					<div class="ui  horizontal link list">
							<div class="item">
								<img src="https://picsum.photos/id/1003/100/100" class="ui avatar image" >
								<div class="content"><a herf="#" class="header">张三</a></div>
													
							</div>
							
							<div class="item">
									更于: <i class="calendar icon"></i>  2022.1.1
							</div>
						
															
						<div class="item">
							浏览: <i class="eye icon"></i>  233
						</div>
						
					</div>
				</div>
				<div class="ui attached segment">
					<!-- 图片 -->
					<img src="https://picsum.photos/id/1001/800/450" class="ui fluid image rounded">
				</div>
				<div class="ui attached padded segment">
					<!-- 内容 -->
					<div class="ui right aligned basic segment js-toc-content">
						<div class="ui orange basic label">原创</div>
					</div>
					
					<h2 class="ui center aligned header">吞噬星空</h2>
					
					<div id="content" class="typo typo-selection m-padded-lr-responsive m-padded-tb-large">
						<h3> 第一章 罗峰</h3>
						<pre>
							<code class="language-css">p{color: red}</code>
						</pre>
						
						<p>
  

    天空湛蓝，就仿佛一块巨大的蓝色翡翠，盛夏的太阳仿佛一个大火球，高高悬挂在这块巨大翡翠之中，看太阳位置，估计也就下午三点左右。

    宜安区第三高中。

    “叮叮叮……”随着响亮的铃声响彻整个校园，顿时整个校园中响起一片喧哗声，各栋教学楼中便鱼贯涌出了大量的学生，三五成群说笑着朝校门口走去。

    “罗峰师兄！罗峰师兄！”一道粗厚的声音响起。

    “阿峰，有人喊你。”

    在学生人群当中，和同学一道走着的拿着书籍的青年，穿着普通蓝色运动服，身高大概一米七五，显得比较精瘦。此时他疑惑转头看去，喊他的是一名男生，身高大概有一米九，长的虎背熊腰，手臂更是粗壮的惊人。

    “你是？”罗峰疑惑看着来人，自己似乎不认识眼前人。

    这二人，一个壮硕的好似一头黑熊。而‘罗峰师兄’和普通人一般。

    论身高……

    这二人相差极大。可是这名虎背熊腰的男生，却显得有些拘谨，他仔细看了看他崇拜的‘罗峰师兄’，暗道：“看样子，传言没错，罗峰师兄，是挺好说话的。”

    “罗峰师兄，我，我有事想请罗峰师兄帮忙。”壮硕男忐忑道。

    “什么事？”罗峰一笑，说道。

    “我练拳的时候，出拳发劲，总是感觉不对，不知道师兄你有没有时间指点一下。”这壮硕男生，连说道，“按照武馆老师说的，以我的力气，按道理一拳可以打出强上50％的力道。可是，我出拳发劲，总是达不到那么高。”

    壮硕男生期盼看着罗峰。

    “哦，是这样……”罗峰略微停顿一下，点点头，“这样吧，这个星期的星期天下午，在武馆的时候你找我。”

    “谢师兄，谢师兄了。”这壮硕的男生连感谢道。

    罗峰笑了笑，就和自己的同学一道离开。

    目送着罗峰离去，壮硕男生露出兴奋之色，猛地一握拳，手臂上青筋暴突，兴奋低吼一声：“成功！”

    “罗峰师兄，竟然就这么容易答应了？”一名穿着校服的男生惊讶道。

    “传言果然没错，罗峰师兄是很好说话的，人也很好。”壮硕男生咧嘴笑道。

    “可是……不对啊，我们第三高中，五千名学生中，获得‘武馆高级学员’称号的，一共才三个。三名高级学员当中，另外两个‘张昊白’和‘柳婷’可都是很傲的，根本是不肯浪费时间指点我们的。”校服男生疑惑道，“罗峰师兄脾气竟然这么好？”

    现如今，整个世界上，各个国家地区，几乎每一个高中生，在接受文化教育之外，也会加入武馆，开发人体潜力。

    宜安区第三高中，三个年级，一共近五千名高中生。

    绝大多数，都是武馆的初级学员！只有极少数，是‘中级学员’。能获得‘高级学员’资格的，一共才三个人！

    “耳听为虚，眼见为实。哼哼，看到了吧？罗峰师兄和另外两个可不一样。”壮硕男生撇嘴道，“那个张昊白和柳婷，家里都是富豪。从小家里花了大量金钱去培养，才能有这么强。至于罗峰师兄，和他们可不同！”

    校服男生也点头：“我也听说了，罗峰师兄和我们一样，家里经济条件一般，住的还是廉租房呢。”

    “对，罗峰师兄，能走到今天这一步，可完全是刻苦修炼。靠自己一拳一脚练出来的。哪像张昊白他们两个。”壮硕男生握紧拳头，深吸一口气，“我的目标就是罗峰师兄，我一定要在四年内，也就是大学毕业前，通过武馆考核，得到武馆的‘高级学员’称号！”

    ……

    此刻，他们谈论的那位罗峰师兄，正和一名运动服男生顺着学生人流，朝第三高中大门走去。

    “阿峰，啧啧，刚才那个请你指点‘出拳发劲’的大块头男生走的时候，还和他同学夸你呢。”运动服男生，不由笑了起来，“夸你人好，夸你好说话。”

    罗峰笑了笑：“怎么，魏文，你嫉妒了？”

    “嫉妒你？”魏文一摸鼻子，嘿嘿笑道，“你做梦吧。我是在感叹，那个大块头不知道他敬佩的‘罗峰师兄’真面目啊。我可记得清清楚楚……那次在武馆的比武台上，他敬仰的‘罗峰师兄’连挑三人，打的三名高级学员爬不起来。”

    罗峰一笑。

    那一战，的确是他的成名战。

    罗峰一拍魏文肩膀，笑道：“走吧，回家。”

    魏文肩膀故作夸张的一抖，连喊道：“阿峰，你轻点。你这一拍，我肩膀都快碎了！”

    “又装！”罗峰撇撇嘴，魏文是和他从小穿开裆裤，一起玩到大的死党。虽然不是亲兄弟，感情却也差不多。

    小学，初中，高中。

    一路走来，二人感情的确很深。

    “咦？”

    魏文忽然盯着前方，“阿峰，你看，是你暗恋的那位！”

    “嗯？”罗峰也连看去，只见远处校门口学生人群中，有一名穿着牛仔裤、浅白色polo衫的的马尾辫少女正沿着路边走着。

    罗峰心跳微微加速。

    心中掠过一个名字——徐欣！

    自己暗恋徐欣，这个秘密知道的人极少，不过好兄弟‘魏文’自然很早就知道了。

    高一的时候，自己和徐欣被分到一个班级，第一次看到徐欣，就觉得眼前一亮……于是，上课的时候，自己坐在后面，不知怎么回事，总是控制不住自己，情不自禁看向前面坐着的徐欣背影，就这么默默看着。

    只要能看到徐欣背影，就已经满足了。

    高二因为分班，导致高二、高三，自己和徐欣不再一个班级。可是每当看到徐欣时，总是忍不住看过去……

    “离高考只剩下一个月。”罗峰心中默默道，“过去我没勇气，也没时间去追女生谈恋爱。而现在最后一个月，大家都忙着高考复习，徐欣也是很要强的女生。怎么可能这时候分心谈恋爱？而且高考前最后一个月，我也不能分心，否则以后会后悔终生。”

    “算了，这暗恋……就将它当作记忆吧。”

    暗恋……

    很苦涩，还没有开花，却已经凋谢。

    罗峰只想默默将这一切放在心底。

    “让你追徐欣，你不追。现在离高考只剩下一个月了。”魏文摇头道，“以后怕再也见不到徐欣了。你以后，后悔都晚了。”

    “魏文，”罗峰摇摇头，“别说了，没获得‘武者’称号，我是不会分心谈恋爱的。”

    “兄弟，你够狠！”

    魏文竖起大拇指，“武者称号？我们整个高中五千人，都没一个能获得‘武者称号’。你竟然说，不获得武者称号，就不分心谈恋爱。牛，你牛！”

    “嗯？”罗峰忽然瞥了校门口另外五个人一眼，“张昊白？”

    在校门口学生人群中显得很惹眼的五个人，为首的青年身高足有一米八，穿着白色体恤衫，白色长裤，胸肌凸显的很明显。在他周围的四个人，或是身体壮硕，或是脸上有着刀痕，一看都是很凶悍的人物。而白衣白裤青年正是宜安区第三高中，三名武馆高级学员当中的一位——张昊白。

    “罗峰。”张昊白看了罗峰一眼，不由发出一声低哼。

    在整个高中如果说他张昊白最恨谁，显然就是这个罗峰！

    毕竟，获得‘武馆高级学员’称号的三人中，有一个是女的。男生中，就他们两个是武馆高级学员！

    而且，张昊白是有钱人家，而罗峰是普通人家，住着廉租房。

    学习成绩上——罗峰压张昊白一头！

    在武力上——罗峰、张昊白都获得‘高级学员’称号，而罗峰还曾经在武馆内，连战三名高级学员。打的那三人爬不起来，这被打的三人当中，其中之一就是‘张昊白’。那次他被打的掉了一颗牙！

    而在家庭条件上，张昊白家明显有钱！

    条件好，可学习成绩和武力，都被罗峰压一头。在学校，有人夸赞张昊白的时候，经常会有人拿罗峰出来比！

    怨气！

    张昊白对罗峰的怨气，实在太大。

    “我们走。”张昊白舔了一下牙齿，牙齿似乎隐隐作痛，那次他就被打的满嘴血，掉了一颗牙。

    “这张昊白，自武馆那次，被揍了一次，乖多了，再也不来招惹阿峰你了。”魏文目送张昊白几人远去，不由笑着和罗峰说道。

    张昊白？

    对于这纨绔子弟，罗峰从没有放在心上。

    “多一事不如少一事。”罗峰说着，便和魏文一道回家。

    回家途中。

    “滴——滴——”街道上，汽车的喇叭声时而响起。现如今，汽车用的能源都是‘电能’，至少街道旁闻不到那种汽油味了。

    “魏文，还有一个月就高考了。这一个月，我们可都得认真努力一把。”罗峰和魏文在人行道上走着，“武馆那边，可以暂时放松一点。每天做些恢复性训练即可，精力主要放在文化学习上。高考毕竟很重要，我们可都是学了十二年了。就看这一遭了。”

    “对啊，十二年文化学习，就这一场考试定乾坤。”魏文也感叹一声，“高考啊高考，可是千军万马过独木桥。”

    “嗯。”罗峰也点点头。

    他家里的经济条件不算好，虽然他‘武馆高级学员’称号，注定他罗峰就是文化成绩再差，也能混一份‘精英保镖’的工作，年薪二三十万不成问题。可是……罗峰岂会甘心只是当一个保镖？

    ……

    此时的宜安区上空，大概一千米高空。

    一头巨大的黑冠金雕正从城市高空飞行而过，它的身体约莫有二十余米长，就仿佛一架大型战斗机，全身羽毛隐隐泛着冰冷的金属光泽，头顶羽毛为幽黑色，就仿佛黑色皇冠一般，它那锋利巨大的利爪也是金黄色。

    一双泛着蓝光的锐利冰冷双眸，朝下方的人类城市俯瞰，竟然隐隐有着一丝杀意。

    “轰！”

    原本飞行速度已经很快的黑冠金雕，速度猛然大涨，瞬间突破音障，达到一个骇人的速度。同时，一道高亢之极的雕鸣声从黑冠金雕口中爆发，可怕的声波竟然产生肉眼可见的冲击波，朝下方迅速幅散开去。

    宜安区的白田路的一个十字路口，罗峰正和魏文等红绿灯。

    忽然——

    “昂～～～”

    一道刺耳之际的鸣叫声猛然响起，这声音和春雷炸响的声音不一样，雷的声音很大，震耳欲聋！而这高亢的鸣叫声却是刺耳，罗峰只感到耳朵鼓膜都是隐隐疼痛，不由有些难受皱起眉头。路上不少行人都捂住耳朵。

    “是飞禽鸣叫声音。”罗峰不由抬头看天。

    “嗯？”罗峰一惊。

    高亢刺耳的鸣叫声音震荡下，旁边街道的一座摩天大楼上一块块巨大的玻璃，发出低沉的“卡～卡～～”声音，不少玻璃龟裂开来，甚至于当场有十多块玻璃从高空掉落了下来，有的玻璃砸在人行道上，或是砸到人，有的则是砸到路旁的路灯。

    “啪！”“蓬！”“噼啪！”……

    一时间一阵炸裂声。

    其中就有一块玻璃砸落在罗峰旁边的路灯上，当场就碎裂朝四周迸射开去，令不少行人连闪避。

    “哇！”魏文连暴退两步，闪躲碎玻璃。

    其中一块玻璃碎片，仿佛刀片射向罗峰。

    “嗯？”罗峰目光一扫。

    并没有闪躲，而是平静站在原地，右手闪电般伸出，瞬间抓出这迸射过来的碎玻璃。这玻璃碎块隐约映照出罗峰的样子，掂了两下，随手一扔，碎玻璃仿佛暗器一样直接射向远处的垃圾箱，哐当一声，准确的从垃圾箱口射进。

    马路上，受到影响的车流很快恢复正常，而人行道上的行人们却是议论纷纷，有些倒霉的人受伤了，可是大多数人却是一点伤势没有。

    “好厉害。”罗峰不由仰头看了看天空，“在高空的一声鸣叫，竟然就有这么厉害。恐怕是极为厉害的飞禽怪兽。魏文。你不是对各种怪兽熟悉的很嘛，知道这是什么怪兽不？”

    魏文眯着眼，双眼缝隙中透着兴奋的光芒：“阿峰，我们城市高空五百米有防御系统，这飞禽怪兽绝对在五百米高空之上，这么远距离，发出的声音，还能有这么大的威力。而且一般怪兽，也不敢在人类城市上空这么叫嚣！”

    “这么厉害，这么嚣张，再根据声音，如果我猜测的不错……应该就是飞禽怪兽中，极为可怕的‘黑冠金雕’！”魏文郑重道。

    “黑冠金雕？”罗峰眼睛一亮。

    他当然听说过黑冠金雕的大名。

    “黑冠金雕，在雕类怪兽中排第三。”魏文双眸放光，低沉道，“成年体的黑冠金雕，体长一般达到21米，翼展在36米左右，飞行时极速可以达到3.9马赫。那可是足足3.9倍音速。音速按照一秒340米计算的话，就是一秒1326米，也就是一小时4774公里。”

    罗峰知道黑冠金雕厉害，可是听到一秒1326米的极限速度，依旧感到心中屏息。

    一秒钟，也就是眼睛一眨啊。就一千米开外了。

    “这黑冠金雕，羽毛比金刚石还要坚硬，应该达到三级克罗合金的硬度。”魏文兴奋连道，“网上可是有视频的，黑冠金雕曾经随怪兽群冲击过军队，遭受到口径20mm的火神炮轰击，火神炮可是一分钟7000发子弹，7000发子弹啊，那可是子弹金属流！而且每一发都能轰穿50毫米厚的钢板，可是……火神炮的疯狂轰击，轰击在黑冠金雕身上，竟然连一片羽毛都没轰击掉下来。”

    “后来，还是一名神秘武者强者，手持一柄克罗合金战刀，化作一道流光，将黑冠金雕一刀劈成两半！”魏文说的热血沸腾。

    罗峰也是心跳加速，血脉贲张！

    那一段视频，在网上传播的很广，他也看到过。

    “武者称号，我一定会获得武者称号，终有一天……我也要像那位前辈一样，能手持战刀，力劈黑冠金雕，大力魔猿这等怪兽。”罗峰在心中默默道，每一个年轻人心中都有一个梦想，罗峰心中就有着这样的梦想！

    虽然说……

    网络上称，那位一刀就将黑冠金雕劈成两半的神秘强者，在整个国际上，都是排名前100的超级武者！

    “阿峰，阿峰，你想什么呢？前面到家了。”魏文不由喊道。

    罗峰这才从澎湃的思绪中恢复过来，抬头看向前面由大量筒子楼组成的小区——南岸小区，一座由政府建造的廉租房小区，罗峰的家就在这个小区，一个他生活了十八年的地方。
						</p>
					</div>
					
					<!-- 博客标签 -->
					<div class="m-padded-lr">
						<div class="ui basic teal left pointing label">
							方法论
						</div>

					</div>
					<div class="ui center aligned basic segment">
											<!-- 赞赏 -->
						<button id="payButton" class="ui orange basic circular button">赞赏</button>
					</div>
					<div class="ui payQR flowing popup  transition hidden">
						<div class="ui orange basic label">
							<div class="ui images" style="font-size:inherit !important">
								<div class="image">
									<img src="img/1.png" class="ui rounded bordered image" alt="" style="width:120px">
									<div >
										支付宝
									</div>
								</div>
								
								<div class="image">
									<img src="img/1.png" class="ui  rounded bordered image" alt="" style="width:120px">
									<div>
										微信
									</div>
								</div>																
							</div>
						</div>
					</div>


				</div>
				<div class="ui attached positive message">
					<!-- 博客信息 -->
					<div class="ui middle aligned grid">
						<div class="eleven wide column">
							<ui class="list">
								<li>作者：张三（）</li>
								<li>发布时间：2032-4-23（）</li>
								<li>版权声明：+++++++++++++（）</li>
								<li>公众号转载：张三（）</li>
											
							</ui>
						</div>
						<div class="five wide column">
							<img src="img/1.png" class="ui rounded right floated bordered image" style="width: 110px">
						</div>
					</div>
				</div>
				<div class="ui bottom attached segment">
					<!-- 留言区域列表 -->
					<div id="comment-container" class="ui teal segment">
						
						<div class="ui comments">
						  <h3 class="ui dividing header">Comments</h3>
						  <div class="comment">
						    <a class="avatar">
						      <img src="https://picsum.photos/id/1003/100/100">
						    </a>
						    <div class="content">
						      <a class="author">Matt</a>
						      <div class="metadata">
						        <span class="date">今天下午 5:42</span>
						      </div>
						      <div class="text">太赞了！ </div>
						      <div class="actions">
						        <a class="reply">Reply</a>
						      </div>
						    </div>
						  </div>
						  <div class="comment">
						    <a class="avatar">
						      <img src="https://picsum.photos/id/1003/100/100">
						    </a>
						    <div class="content">
						      <a class="author">Elliot Fu</a>
						      <div class="metadata">
						        <span class="date">昨天上午12:30</span>
						      </div>
						      <div class="text">
						        <p>這對我的研究是非常有用.謝謝!</p>
						      </div>
						      <div class="actions">
						        <a class="reply">回复</a>
						      </div>
						    </div>
						    <div class="comments">
						      <div class="comment">
						        <a class="avatar">
						          <img src="https://picsum.photos/id/1003/100/100">
						        </a>
						        <div class="content">
						          <a class="author">Jenny Hess</a>
						          <div class="metadata">
						            <span class="date">刚刚</span>
						          </div>
						          <div class="text">艾略特你永远是多么正确 :) </div>
						          <div class="actions">
						            <a class="reply">回复</a>
						          </div>
						        </div>
						      </div>
						    </div>
						  </div>
						  <div class="comment">
						    <a class="avatar">
						      <img src="https://picsum.photos/id/1003/100/100">
						    </a>
						    <div class="content">
						      <a class="author">Joe Henderson</a>
						      <div class="metadata">
						        <span class="date">5 天以前</span>
						      </div>
						      <div class="text">老兄，这太棒了。非常感谢。 </div>
						      <div class="actions">
						        <a class="reply">回复</a>
						      </div>
						    </div>
						  </div>
						</div>
						
						
					</div>
					
					<!-- 回复区域 -->
					<div class="ui form">
						<div class="field">
							<textarea name="content" placeholder="请输入评论信息...."></textarea>
						</div>
						<div class="fields">								
							<div class="field m-mobile-wide m-margin-bottom-mini">
								<div class="ui left icon input">
										<i class="user icon"></i>
										<input type="text" name="nickname" placeholder="姓名" />
								</div>
							
							</div>
							
							<div class="field m-mobile-wide m-margin-bottom-mini">
								<div class="ui left icon input">
										<i class="mail icon"></i>
										<input type="text" name="email" placeholder="邮箱"/>
								</div>
							
							</div>
							<div class="field segment m-mobile-wide m-margin-bottom-mini">
								<button class="ui teal button m-mobile-wide"><i class="edit icon"></i> 发布</button>
							</div>
						</div>

					</div>
					
				</div>
			</div>		
		</div>
	
		<div class=" m-fixed m-right-bottom m-padded">
			<div class="ui vertical icon buttons">
				<button type="button" class="ui toc-btn teal button">目录</button>
				<a href="#comment-container" class="ui teal button">留言</a>
				<button class="ui icon button weichat"><i class="weixin icon"></i></button>
				<a href="#comment-container" class="ui button "><i class="chevron up icon"></i></a>
			</div>
		</div>
	
		<div class="ui toc-container flowing popup  transition hidden js-toc">
			生成的目录
		</div>	
		
		<div id="qrcode" class="ui weixin-qr flowing popup  transition hidden m-padded" style="width: 130px !important">
			<!-- <img src="img/1.png"  class="ui round image" style="width: 120px !important"> -->
		</div>
		
	
		<!-- 底部footer -->
		<footer th:replace="_fragments :: footer" class="ui inverted  segment m-padd-tb-massive" >
			<div class="ui container center aligned">
				<!-- divided 分割线 -->
				<div class="ui inverted divided stackable grid">
		
					<div class="three wide column">
						<div class="ui inverted link list">
							<img src="img/1.png" class="ui rounded centered image m-imagesize"/>
						</div>		
					</div>
					<div class="three wide column">
						<h4 class="ui inverted header">最新博客</h4>
						<div class="ui inverted link list">
							<a href="#" class="item">用户故事{}</a>
							<a href="#" class="item">用户故事{}</a>
							<a href="#" class="item">用户故事{}</a>
							<a href="#" class="item">用户故事{}</a>
						</div>
					</div>
					<div class="three wide column">
						<h4 class="ui inverted header">最新博客</h4>
						<div class="ui inverted link list">
							<a href="#" class="item">用户故事{}</a>
							<a href="#" class="item">用户故事{}</a>
				
						</div>		
					</div>
					<div class="seven wide column">
						<h4 class="ui inverted header">最新博客</h4>
						<p class="m-opacity-mini">这是我的第一个博客</p>
					</div>
				</div>
				<div class="ui inverted section divider"></div>
				<p class="m-text-thin m-text-spaced m-opacity-mini">Copyright  版权所有  工信部备案豫ICP备052483号 公安机关备案4101020100号</p>	
			</div>
			
		</footer>
						
		<th:block th:replace="_fragments :: script">
			<script src="js/jquery-3.6.0.min.js"></script>
			<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
			<script src="lib/prism/prism.js"></script>
			<script src="lib/tocbot/tocbot.js"></script>
			<script src="lib/qrcode/qrcode.js"></script>
		</th:block>


		<script>
			$('.menu-toggle').click(function(){
				// 有就移除 没有就添加
				$('.m-item').toggleClass('m-mobile-hide');
			});
			//赞赏弹出
			$('#payButton').popup({
				popup: $(".payQR.popup"),
				on: 'click',
				position:'bottom center'
			});
			
			$('.toc-btn').popup({
				popup: $(".toc-container.popup"),
				on: 'click',
				position:'left center'
			});
			
tocbot.init({
  // Where to render the table of contents.
  tocSelector: '.js-toc',
  // Where to grab the headings to build the table of contents.
  contentSelector: '.js-toc-content',
  // Which headings to grab inside of the contentSelector element.
  headingSelector: 'h1, h2, h3',
  // For headings inside relative or absolute positioned containers within content.
  hasInnerContainers: true,
});

			$('.weichat').popup({
				// 你要显示的东西
				popup: $(".weixin-qr"),
				on: 'click',
				position: "left center"
			});


	var qrcode = new QRCode("qrcode",{
		text: "http://jindo.dev.naver.com",
		width: 110,
		height: 110,
		colorDark: "#000000",
		colorLight: "#ffffff",
		correctLevel: QRCode.CorrectLevel.H
		
		
	});
	   
	   
			
		</script>
	
	</body>
</html>
